<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <link href="css/mui.css" rel="stylesheet"/>
</head>

<body>
<div class="mui-content">

    <ul class="mui-table-view">
        <li class="mui-table-view-cell mui-media">
            <img class="mui-media-object mui-pull-left" src="image/friends.png"
                 style="max-width: 24px;height: 24px; margin-left: 10px">
            <p class="mui-ellipsis">
                <span style="line-height: 24px; color:#222222;font-size: 16px;margin-left: 10px">朋友圈</span>
            </p>
        </li>
    </ul>
    <br/>
    <ul id="add_firend" class="mui-table-view">
        <li class="mui-table-view-cell mui-media">
            <img class="mui-media-object mui-pull-left" src="image/addfriends.png"
                 style="max-width: 24px;height: 24px; margin-left: 10px">
            <p class="mui-ellipsis">
                <span style="line-height: 24px; color:#222222;font-size: 16px;margin-left: 10px">添加好友</span>
            </p>
        </li>
    </ul>
    <ul id="scan_qr_code" class="mui-table-view">
        <li class="mui-table-view-cell mui-media">
            <img class="mui-media-object mui-pull-left" src="image/scanscan.png"
                 style="max-width: 24px;height: 24px; margin-left: 10px">
            <p class="mui-ellipsis">
                <span style="line-height: 24px; color:#222222;font-size: 16px;margin-left: 10px">扫一扫</span>
            </p>
        </li>
    </ul>

</div>
<script src="js/mui.js"></script>
<script type="text/javascript">
    mui.init();
    mui.plusReady(function () {
        //注册事件 添加好友
        var add_firend = document.getElementById("add_firend");
        add_firend.addEventListener("tap", function () {
            mui.openWindow("serchFirends.html", "serchFirends.html");
        });

        //注册事件点击扫描二维码
        var scan_qr_code = document.getElementById("scan_qr_code");
        scan_qr_code.addEventListener("tap", function () {
            mui.openWindow("scanQRCode.html", "scanQRCode.html");
        })
    });
</script>
</body>

</html>
